.head{
    width: 1200px;
    height: 80px;
    background-color:#fff;
    margin: 0 auto;

}
.logo{
    float: left;
    height: 80px;
    width: 177px;
    margin-left: 60px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.nav-item>a {
    display: block;
    height: 80px;
    width: 100%;

    text-decoration: none;
    color: #333;
}
ul li {
    list-style: none;
}
.nav {
    float: right;
}

.nav-item {
    float: left;
    width: 100px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-right: 30px;
}

.line {
    display: none;
    height: 2px;
    width: 70px;
    background-color: #b9ab77;
    margin-left: 15px;
    margin-top: -15px;
}

.nav-item:hover .line {
    display: block;
}

.nav-item>a:hover {
    font-weight: 700;
}

.mr {
    margin-right: 60px;
}
.finger {
    width: 1200px;
    height: 473px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 100px;
}
.ring {
    width: 1200px;
    height: 736px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 50px;
}

.price {
    float: right;
    width: 416px;
    height: 367px;
    background-color: #fff;
}

.sx {
    height: 70px;
    width: 2px;
    background-color:#454545;
    float: left;

}
.price .zhu {
    font-size: 30px;
    color: #2a2a2a;
    margin-left: 22px;
    margin-top: 20px;

}
.price .style {
    color: #4c4c4c;
    font-size: 16px;
    margin-left: 142px;
    margin-top: 5px;

}
.price .cash {
    color:#c9c9c9;
    font-size: 16px;
    margin-left: 147px;
    margin-top: 10px;
}


.chan {
    color:#c9c9c9;
    font-size: 14px;
    margin-left: 18px;
    margin-top: 50px;
}
.NOW {
    width: 150px;
    height: 45px;
    background-color: #fff;
    margin-left: 135px;
    margin-top: 50px;
    border: 2px solid #f5f5f5;
    
} 
.NOW p {
    color: #575757;
    font-size: 12px;
    text-align: center;
    line-height: 45px;
}
.hx {
    height: 1px;
    width: 373px;
    background-color:#1a1919;
    margin-left: 27px;
    margin-top: 60px;
}
.des{
    width: 710px;
    height: 202px;
    background-color: #fff;
    margin-top: 60px;
}
.xq {
    font-size: 14px;
    color: #6a6a6a;
    
}
.sm {
    padding-top: 30px;
    color: #6a6a6a;
}
.color {
    color:#6a6a6a;
    padding-top:13px ;
}


.else {
    width: 100%;
    height: 472px;
    background-color: #ddd;
    overflow: hidden;
}



.top {
    width: 1200px;
    height: 70px;
    margin-top: 100px;
    background-color: #dddddd;
}

 .NEW {
    float: left;
    display: block;
    width: 40px;
    height: 30px;
    background-color:#f7f5f5;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    margin-right: 40px;
}
.ed {
    float: left;
    display: block;
    width: 40px;
    height: 30px;
    background-color:#f7f5f5;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    margin-right: 40px;
}
.show1 {
    width: 1200px;
    height: 472px;
    background-color: #dddddd;
    margin: 0 auto;
    overflow: hidden;
}
.eed {
    float: left;
    display: block;
    width: 40px;
    height: 30px;
    background-color:#f7f5f5;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    
}
.such {
    width: 1200px;
    height: 137px;
    /* background-color: #0f0b0b; */
    margin-top: 20px;
    overflow: hidden;
}
.mr0 {
    margin-right: 0;
}


.as {
    height: 137px;
    width: 208px;
    background-color: rgb(44, 81, 112);
    float: left;
    margin-right: 39px;
}
.mr0 {
    margin-right: 0;
}
.ts {
    height: 137px;
    width: 208px;
    position: relative;
    

}
.ts p {
    color: #333;
}
.heise {
    width: 208px;
    height: 80px;
    position: absolute;
    left:0;
    top:50px;
    background-color:rgba(0,0,0,0.3);
    transition: 0.5s;
    transform: translateY(200px);
    
}







.jt .img1 {
    position: absolute;
    left: 120px;
    top: 256px;
}
.jt .img2 {
    position: absolute;
    top: 256px;
    right: 120px;
}
.lmore {
    width: 1200px;
    height: 165px;
    /* background-color: #dddddd; */
    overflow: hidden;
    text-align: center;
    
}
.picmore {
    width: 150px;
    height: 45px;
    background-color:#ddd;
    border: 1px solid #bbbaba;
    margin: 0 auto;
    margin-top: 60px;
    /* margin-left:50% ; */
    

}
.picmore .M {
    text-align: center;
    line-height: 45px;
}











.final {
    width: 100%;
    height: 100px;
    background-color: #333;
}
.final img {
    margin-top: 35px;
    margin-left: 200px;
}